<%- include('./common/header') %>
<body>
<!--=============content start==============-->
<div class="wall-masthead">
    <div class="container">
        <nav class="wall-nav clearfix">
            <a class="wall-nav-logo wall-nav-item navbar-left" href="/">
                <img src="https://o4j806krb.qnssl.com/public/images/cnodejs_light.svg">
            </a>
            <form class="navbar-form navbar-left">
                <span id="search-icon" class="animated fadeInLeft glyphicon glyphicon-search"></span>
                <span id="search-icon-2" class="animated fadeInRight glyphicon glyphicon-search"></span>
                <input type="text" class="form-control" placeholder="搜索">
            </form>
            <a class="wall-nav-item navbar-right" href="#">登录</a>
            <a class="wall-nav-item navbar-right" href="#">注册</a>
            <a class="wall-nav-item navbar-right" href="#">关于</a>
            <a class="wall-nav-item navbar-right" href="#">API</a>
            <a class="wall-nav-item navbar-right" href="#">新手入门</a>
            <a class="wall-nav-item active navbar-right" href="/">首页</a>
        </nav>
    </div>
</div>

<div class="container">


    <div class="row">

        <div class="col-md-9 wall-main">

            <div class="row wall-main-header clearfix">
                <ul>
                    <li class="active">
                        <a href="#">全部</a>
                    </li>
                    <li>
                        <a href="#">精华</a>
                    </li>
                    <li>
                        <a href="#">分享</a>
                    </li>
                    <li>
                        <a href="#">问答</a>
                    </li>
                    <li>
                        <a href="#">招聘</a>
                    </li>
                </ul>
            </div>

            <%content.forEach(function(item,index){%>
                <div class="row wall-post">
                    <a href="#">
                        <img class="wall-post-own" src="<%= item.author.avatar_url %>">
                          <span class="wall-post-read">
                            <span class="wall-post-reply"><%=item.reply_count%></span>
                            <span class="wall-post-seperate">/</span>
                            <span class="wall-post-visit"><%=item.visit_count%></span>
                          </span>
                        <h3>
                            <%if(item.top){%>
                                <span>置顶</span>
                            <%}%>
                            <%=item.title%>
                        </h3>
                        <img class="wall-post-comment" src="<%= item.author.avatar_url %>">
                        <span class="wall-post-time">38分钟前</span>
                    </a>
                </div><!-- /.wall-post -->
            <%})%>


            <nav>
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>

        </div>
        <!-- /.wall-main -->

        <div class="col-md-3 wall-sidebar">
            <div class="sidebar-module sidebar-module-inset">
                <h4>CNode：Node.js专业中文社区</h4>
                <p>
                    您可以<a href="#">登录</a> 或 <a href="#"> 注册 </a>, 也可以
                </p>
                <p>
                    <a href="#" id="git-login">
                        通过github登录
                    </a>
                </p>
            </div>
            <div class="sidebar-module">
                <h4>Archives</h4>
                <ol class="list-unstyled">
                    <li><a href="#">March 2014</a></li>
                    <li><a href="#">February 2014</a></li>
                    <li><a href="#">January 2014</a></li>
                    <li><a href="#">December 2013</a></li>
                    <li><a href="#">November 2013</a></li>
                    <li><a href="#">October 2013</a></li>
                    <li><a href="#">September 2013</a></li>
                    <li><a href="#">August 2013</a></li>
                    <li><a href="#">July 2013</a></li>
                    <li><a href="#">June 2013</a></li>
                    <li><a href="#">May 2013</a></li>
                    <li><a href="#">April 2013</a></li>
                </ol>
            </div>
            <div class="sidebar-module">
                <h4>Elsewhere</h4>
                <ol class="list-unstyled">
                    <li><a href="#">GitHub</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                </ol>
            </div>
        </div><!-- /.wall-sidebar -->

    </div><!-- /.row -->

</div><!-- /.container -->

<footer class="wall-footer">
    <div class="container">
        <p>RSS | 源码地址</p>
        <p>CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。</p>
        <p>
            服务器赞助商为
            <a href="#">
                <img src="#">
            </a>
            存储赞助商为 <img src="#"> ，由  <img src="#"> 提供应用性能服务。
        </p>
        <p>
            新手搭建 Node.js 服务器，推荐使用无需备案的<a href="https://www.digitalocean.com/"> DigitalOcean(https://www.digitalocean.com/)</a>
        </p>
    </div>
</footer>

<!--=============content end==============-->
<%- include('./common/include_footer') %>
</body>
</html>
